<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <script>
        var str = '上海自来水来自海上'
        /* 
            方案一:
                定义一个新的字符串s,目的就是用来翻转这个字符串的
                遍历这个字符串str,将后面的字符扔到前面的字符的前面来,每遍历一次都使用的新的字符s来接收
                //比如:
                    第一次              s = a
                    第二次              s = ba
                    第三次              s = cba
                    第四次              s = dcba
            实现:
                var ss = "" //定义一个新的字符串
                for(var i = 0 ; i < str.length ; i++){
                    console.log(str[i]);
                }
        */
        // var ss = "" //定义一个新的字符串
        // for(var i = 0 ; i < str.length ; i++){
        //     /* 
        //         第一次 ss = a + ''      =>  a
        //         第二次 ss = b + a       =>  ba
        //         第三次 ss = c + ba      => cba
        //         第四次 ss = d + cba     => dcba
        //     */
        //     ss = str[i] + ss;
        // }
        // console.log(ss);


        /* 
            方案二:
                使用倒循环
                    1. 定义一个新的字符串 var ss = ""
                    2. 倒循环遍历字符串
                        for(var i = str.length - 1 ; i >= 0 ; i--){
                            ss += str[i]
                        }
                        console.log(ss);
        */
        // var ss = ""
        // for(var i = str.length - 1 ; i >= 0 ; i--){
        //     ss += str[i]
        // }
        // console.log(ss);



        /* 
            方案三:
                利用reverse
                    1. 先将字符串转换成数组
                        var arr = str.split("")         //['a', 'b', 'c', 'd']
                    2. 翻转数组
                        arr.reverse();                  //['d','c','b','a']
                    3. 将数组合并成字符串   join
                        arr.join("")                    "dcba"
        */
        // var arr = str.split("")
        // arr.reverse()
        // console.log(arr.join(""));
        console.log(str.split("").reverse().join(""));
    </script>
</body>
</html>